<template>
  <div>
    <div class="avatar-box">
      <div>
<!--        <el-tooltip effect="dark" placement="right" style="display: inline-block">-->
<!--          <div slot="content">点击修改头像<br>图片大小不超过1MB</div>-->
<!--          <el-upload-->
<!--            action="#"-->
<!--            :auto-upload="false"-->
<!--            :show-file-list="false"-->
<!--            :file-list="fileList"-->
<!--            accept=".png, .jpg, .jpeg"-->
<!--            :limit="1"-->
<!--            :on-change="selectAvatar"-->
<!--          >-->
            <el-avatar :size="100" :src="avatar" fit="cover" class="avatar">
            </el-avatar>
<!--          </el-upload>-->
<!--        </el-tooltip>-->
      </div>
      <br>
      <p class="nickname">{{ user.name }}</p>
      <el-divider></el-divider>
    </div>
  </div>
</template>

<script>

export default {
  name: 'LInfo',
  props:['user','avatar'],
  data() {
    return {
      fileList:[],
    }
  },
}
</script>

<style scoped lang="scss">
.avatar-box {
  text-align: center;

  .avatar {
    cursor: pointer;
  }

  .nickname {
    font-size: 18px;
    margin: 7px 0;
  }
}

</style>
